<template>
  <div class="nav-home-slider-nav">
    <van-swipe show-indicators=true indicator-color="#7658D2" height="160" loop=false>
      <van-swipe-item>
        <table class="table-box">
          <tr>
            <td>
              <div class="icon-div icon_1"></div>
              <div>挂号</div>
            </td>
            <td>
              <div class="icon-div icon_2"></div>
              <div>急诊</div>
            </td>
            <td>
              <div class="icon-div icon_3"></div>
              <div>候诊</div>
            </td>
            <td>
              <div class="icon-div icon_4"></div>
              <div>药房</div>
            </td>
          </tr>
          <tr>
            <td>
              <div class="icon-div icon_5"></div>
              <div>分诊</div>
            </td>
            <td>
              <div class="icon-div icon_6"></div>
              <div>缴费</div>
            </td>
            <td>
              <div class="icon-div icon_7"></div>
              <div>护士台</div>
            </td>
            <td>
              <div class="icon-div icon_8"></div>
              <div>验血</div>
            </td>
          </tr>
        </table>
      </van-swipe-item>
      <van-swipe-item>
        <table>
          <tr>
            <td>
              <div class="icon-div icon_9"></div>
              <div>挂号</div>
            </td>
            <td>
              <div class="icon-div icon_10"></div>
              <div>挂号</div>
            </td>
            <td>
              <div class="icon-div icon_11"></div>
              <div>挂号</div>
            </td>
            <td>
              <div class="icon-div icon_12"></div>
              <div>挂号</div>
            </td>
          </tr>
          <tr>
            <td>
              <div class="icon-div icon_13"></div>
              <div>挂号</div>
            </td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
        </table>
      </van-swipe-item>
    </van-swipe> 
  </div>
</template>
<script>
export default {
  name: "nav-home-slider-nav"
};
</script>
<style lang="less" >
.nav-home-slider-nav {
  .nav-home-slider-nav {
    min-width: 320px;
  }

  .table-box {
    min-width: 320px;
  }
}
</style>
